<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Juan Carlos Gonzalez Zarza">
		<title>Portfolio - Sim&oacute;n Mart&iacute;nez Rivas</title>
		
		<!-- Stylesheets -->
		<link href="css/icons.css" rel="stylesheet">
		<link href="css/prettyPhoto.css" rel="stylesheet">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		
		<link href="css/style.css" rel="stylesheet">
		
		<!-- Set your favicons
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href="img/ico/apple-touch-icon-57-precomposed.png">
		<link rel="shortcut icon" href="img/ico/favicon.png">
		-->
		
		<!-- Google Fonts -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
		<!-- Main Javascripts -->
		<script src="js/modernizr.custom.97074.js"></script>
		 
		<script src="js/jquery.min.js"></script>
	</head>
	<body>

	<!-- Mobile Navigation -->
	<div class="mobile-nav navbar navbar-inverse navbar-fixed-top" role="banner">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>			
			</div>
			<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
				<ul class="nav navbar-nav">
					<li class="intro current"><a href="#intro">Home</a></li>
					<li class="work"><a href="#work">Trabajos</a></li>
					<li class="blog"><a href="#blog">Blog</a></li>
					<li class="contact"><a href="#contact">Contacto</a></li>
				</ul>
			</nav>
		</div>
	</div>
	<!-- .mobile-nav .navbar .navbar-inverse .navbar-fixed-top -->
	
	<!-- Default Navigation -->
	<header class="header">
		<!-- Logo 
		<a href="#" class="navbar-brand"><img src="img/logo.png" alt="logo"></a>
		-->
		<a href="#" class="navbar-brand">Logo SMR</a>
		
		<div class="container">
			<nav role="navigation">
				<ul class="nav">
					<li class="intro current"><a href="#intro">Home</a></li>
					<!-- COLECCIONES / COLLECTIONS -->
					<li class="work"><a href="#work">Collections</a></li>
					<!-- COLABORACIONES / ORDERS -->
					<li class="orders"><a href="#orders">Orders</a></li>
					<!-- PUBLICACIONES Y PRENSA / PUBLICATIONS & PRESS -->
					<li class="press"><a href="#press">Publications & Press</a></li>
					<!-- - BLOG -->
					<li class="blog"><a href="#blog">Blog</a></li>
					<!-- SOBRE MÍ / ABOUT ME  -->
					<li class="about"><a href="#about">About Me</a></li>
					<!-- CONTACTO / CONTACT -->
					<li class="contact"><a href="#contact">Contact</a></li>
				</ul>
			</nav>
			<div class="sidebar">
				<div class="widget widget_social clearfix">
					<h2 class="widget-title">Social</h2>
					<ul>
						<li><a href="#"><span class="icon-facebook"></span></a></li>
						<li><a href="#"><span class="icon-twitter"></span></a></li>
						<li><a href="#"><span class="icon-google-plus"></span></a></li>
						<li><a href="#"><span class="icon-linkedin"></span></a></li>
						<li><a href="#"><span class="icon-envelope"></span></a></li>
					</ul>
				</div>
				<div class="widget widget_flickrfeed clearfix">
					<h2 class="widget-title">Flickr</h2>
					<ul class="flickrfeed-view"></ul>
				</div>
			</div>
		</div>
	</header><!-- .header -->
	
	<div class="wrap">
		<!-- ~intro -->
		<?php include ('php/intro.html'); ?>
		<!-- #intro -->
		
		<!-- ~work -->
		<?php include ('php/works.html'); ?>
		<!-- #work -->
		
		<!-- ~orders -->
		<?php include ('php/orders.html'); ?>
		<!-- #orders -->
		
		<!-- ~press -->
		<?php include ('php/press.html'); ?>
		<!-- #press -->
	
		<!-- ~blog -->
		<?php include ('php/blog.html'); ?>
		<!-- #blog -->
		
		<!-- ~about -->
		<?php include ('php/about.html'); ?>
		<!-- #about -->
		
		<!-- ~contact -->
		<?php include ('php/contact.html'); ?>
		<!-- #contact -->
	
		<section id="footer">
			<div class="container">
			&copy; 2014 SMR. Dise&ntilde;ado por JC.
			</div>
		</section><!-- #footer -->
	
	</div><!-- .wrap -->
	
	<div id="scrollup" class="scrollup"></div>
	<div class="loader"></div><!-- .loader -->

	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.superslides.min.js"></script>
	<script src="js/jquery.scrollTo.min.js"></script>
	<script src="js/jquery.nicescroll.min.js"></script>
	<script src="js/jquery.nav.js"></script>
	<script src="js/jquery.mixitup.min.js"></script>
	<script src="js/jquery.hoverdir.js"></script>
	<!-- 
	<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
	 -->
	<script src="js/jquery.gmap.min.js"></script>
	<script src="js/jflickrfeed.min.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/main.js"></script>
</body>
</html>